/* You can add global styles to this file, and also import other style files */
/*nova-light,nova-dark,nova-colored,luna-blue,luna-amber,luna-pink*/
/*@import "assets/css/primeng/themes/omega/theme.css";*/
@import "assets/css/primeng/primeicons.css";
@import "assets/css/primeng/themes/nova-light/theme.css";
@import "assets/css/primeng/primeng.css";
@import "assets/css/font-awesome/css/font-awesome.min.css";
@import "assets/css/layout/css/layout.css";
@import "assets/css/material/material.blue.min.css";
@import "assets/css/ripple/ripple.min.css";
@import "assets/css/quill/quill.core.css";
@import "assets/css/quill/quill.bubble.css";
@import "assets/css/quill/quill.snow.css";
@import "assets/css/swiper/swiper.min.css";
@import "assets/css/quokka/quokka.css";
@import "assets/css/quokka/system.css";
@import "assets/css/quokka/ffbuilder.css";
@import "assets/css/quokka/transaction.css";
@import "assets/css/quokka/formbuilder.css";
@import "assets/css/quokka/lawcase.css";
@import "assets/css/quokka/hotline.css";
@import "~ng-zorro-antd/style/index.min.css"; /* 引入基本样式 */
@import "assets/css/upload/index.css"; /* 引入组件样式 */
@import "~ng-zorro-antd/icon/style/index.min.css"; /* 引入组件样式 */
@import "~ng-zorro-antd/button/style/index.min.css"; /* 引入组件样式 */
@import "~ng-zorro-antd/cascader/style/index.min.css"; /* 引入组件样式 */
@import "~ng-zorro-antd/input/style/index.min.css"; /* 引入组件样式 */
@import "~ng-zorro-antd/select/style/index.min.css"; /* 引入组件样式 */
@import "assets/css/quokka/desktop.css";
@import "assets/css/quokka/notice.css";
@import "assets/css/quokka/login.css";


body {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.ant-cascader-input .ant-input {
    border-color: #A6A6A6 !important;
}

[hidden] {
    display: none !important;
}

input[readonly],textarea[readonly]{
    background-color: #999;
    opacity: 0.8;
}

.button-small{
    transform: scale(0.8, 0.8) !important;
}

.border-spe-right {
    border-right: 1px solid #D8D8D8
}

.border-spe-left {
    border-left: 1px solid #D8D8D8
}

.border-spe-bottom {
    border-bottom: 1px solid #D8D8D8
}

.border-spe-top {
    border-top: 1px solid #D8D8D8
}

.right-icon {
    margin-left: -10px;
    font-size: 20px !important;
}
.ui-tabview-panels{
    float: left;
    width: 100%;
    padding: 0 !important;
}

/*************Loading Css**************/

#loading-wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

#loading-text {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    color: #999;
    width: 100px;
    height: 30px;
    margin: -7px 0 0 -45px;
    text-align: center;
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 20px;
}

#loading-content {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 170px;
    height: 170px;
    margin: -85px 0 0 -85px;
    border: 3px solid #F00;
}

#loading-content:after {
    content: "";
    position: absolute;
    border: 3px solid #0F0;
    left: 15px;
    right: 15px;
    top: 15px;
    bottom: 15px;
}

#loading-content:before {
    content: "";
    position: absolute;
    border: 3px solid #00F;
    left: 5px;
    right: 5px;
    top: 5px;
    bottom: 5px;
}

#loading-content {
    border: 3px solid transparent;
    border-top-color: #4D658D;
    border-bottom-color: #4D658D;
    border-radius: 50%;
    -webkit-animation: loader 2s linear infinite;
    -moz-animation: loader 2s linear infinite;
    -o-animation: loader 2s linear infinite;
    animation: loader 2s linear infinite;
}

#loading-content:before {
    border: 3px solid transparent;
    border-top-color: #D4CC6A;
    border-bottom-color: #D4CC6A;
    border-radius: 50%;
    -webkit-animation: loader 3s linear infinite;
    -moz-animation: loader 2s linear infinite;
    -o-animation: loader 2s linear infinite;
    animation: loader 3s linear infinite;
}

#loading-content:after {
    border: 3px solid transparent;
    border-top-color: #84417C;
    border-bottom-color: #84417C;
    border-radius: 50%;
    -webkit-animation: loader 1.5s linear infinite;
    animation: loader 1.5s linear infinite;
    -moz-animation: loader 2s linear infinite;
    -o-animation: loader 2s linear infinite;
}

@-webkit-keyframes loaders {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes loader {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes fadeOut{
    0% {
        opacity: 0;
    }
    80% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

#content-wrapper {
    color: #FFF;
    position: fixed;
    left: 0;
    top: 20px;
    width: 100%;
    height: 100%;
}

#header {
    width: 800px;
    margin: 0 auto;
    text-align: center;
    height: 100px;
    background-color: #666;
}

#content {
    width: 800px;
    height: 1000px;
    margin: 0 auto;
    text-align: center;
    background-color: #888;
}

:root .mdl-snackbar{
    z-index: 2200 !important;
}

/*:root .mdl-snackbar__text{*/
/*color: #007AD9 !important;*/
/*}*/

:root .mdl-snackbar .mdl-snackbar--active{
    position: absolute !important;
    top:100px !important;
    height: 45px !important;
    z-index: 2200 !important;
}
:root .mdl-snackbar {
    position: absolute !important;
    top:50% !important;
    height: 45px !important;
    z-index: 2200 !important;
}
.ui-tree-filter{
    width: calc(100% - 20px);
    margin: 10px;
}
.ui-tree-filter-icon{
    display:none;
}

p-checkbox label{
    margin-right: 20px !important;
}